<template>
  <div class="business">
    <Header />
    <div>
      <NavMenu />
      <div class="content-body">
        <div class="content-it">
          <p class="title-top" v-show="titleName">
            <span>
              {{ titleName }}
            </span>
          </p>
          <transition name="slide-fade">
            <router-view></router-view>
          </transition>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import interceptors from "@/factory/interceptors";
import userFactory from "./factory/userFactory";
import Header from "@/components/Header";
import NavMenu from "@/components/NavMenu";
import CONFIG from "@/constants/config";
export default {
  name: "business",

  data() {
    return {
      imgUrl: CONFIG.imgUrl,
      titleName: "",
      titleHide: false
    };
  },

  components: {
    Header,
    NavMenu
  },
  beforeCreate() {
    userFactory.init();
  },
  beforeMount() {
    interceptors.init();
  },
  watch: {
    $route: "pageChange"
  },

  mounted() {
    this.init();
  },

  methods: {
    pageChange() {
      this.init();
    },
    init() {
      this.titleInit();
    },
    titleInit() {}
  }
};
</script>

<style src="./assets/less/style.less" lang="less"></style>
<style lang="less" scoped>
.content-body {
  background: #f5f5f5;
  min-height: 950px;
  .content-it {
    padding: 20px 30px;
  }
}
</style>
